@CHARSET "UTF-8";
/* Fichier de gestion du css de la main du joueur */
	
/**
 * Gestion des informations
 */
.info {
    margin : 20px auto;
    text-align : center;
}

.info > input{
    text-align : center;
    width : 400px;
}

/**
 * Gestion du plateau
 */
.gameboard {
	display : table;
	background : white;
	margin : 20px auto;
}

.line {
    display : table-row;
}

.cell {
	border : 1px black solid;
    display : table-cell;
}

.cell:hover {
    border : 1px yellow solid;
}

.cell[disabled]:hover {
    border : 1px black solid;
}


.cell .red {
    background-color : red; 
}


.cell .blue {
    background-color : blue;
}

.cell img {
    width : 5em;
    height : 5em;
}

/*
 * Gestion de la main du joueur
 */
.hand {
    display: table;
    background : white;
    margin : auto;
}

.hand ul {
    list-style-type : none;
    margin : 0;
    padding : 0;
}

.hand ul li { 
    float : left;
    padding : 0 0.5em;
    margin : 0 10px;
}

.hand ul li img {
    width : 5em;
    height : 5em;
}

.selected { 
    border : 1px solid green;
}

.selected > img { 
    width : 7em;
    height : 7em;
}

/*
 * Gestion de la popup de fin
 */
#endOfGame .cards ul {
	list-style-type : none;
    margin : 0;
    padding : 0;
}

#endOfGame .cards  ul li { 
    float : left;
    padding : 0 0.5em;
    margin : 0 10px;
}

#endOfGame .cards  ul li:hover { 
    border : 1px solid yellow;
}

#endOfGame .cards  ul li img {
    width : 5em;
    height : 5em;
}